<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>商品详情</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="keywords" content="">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/page.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<script type="text/javascript" src="js/jquery.11.3.min.js"></script>

	<style type="text/css">
		.swiper-pagination-bullet {
		    width: 80px;
		    height: 5px;
		    display: inline-block;
		    border-radius: 0;
		    background: #FFF;
		}
		img{width: 100%;}
	</style>

</head>
<body>
	<header class="dengluheader">
		<a class="left" href="javascript:history.go(-1);"><span></span></a>
		<p>商品详情</p>
	</header>
	<div class="ddxq">
	    <div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide"><img src="img/lunbo_01.jpg"/></div>
	            <div class="swiper-slide"><img src="img/lunbo_02.jpg"/></div>
	            <div class="swiper-slide"><img src="img/lunbo_03.jpg"/></div>
	        </div>
	        <div class="swiper-pagination"></div>
	    </div>
		<div class="btmxq">
			<h3 class="bdc">标题标题标题标题标题标题标题标题标题标题</h3>
			<p class="bdc dianpu"><a href="###"><span></span>店铺名称</a></p>
			<p class="bdc xxsm">详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明详细说明<br/>		<span><var>199</var>元</span></p>
			<a href="订单支付.html"><div class="btn">立即购买</div></a>
		</div>
	</div>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script>        
		var mySwiper = new Swiper ('.swiper-container', {
			// 分页器
			pagination: '.swiper-pagination',
			autoplay: 3000,
			autoplayDisableOnInteraction : false,
			loop: true,
		})        
	</script>
</body>
</html>